// import React, { Component } from 'react'
// import Luo from "iscroll-luo"
// // css in js
// const style = {
//     with: "100vw",
//     height:"100vh",
// }
// class Onpull extends Component {
//   state ={
//       data:[1,2,3]
//   }
//   onDown(){
//      this.setState({
//          data:[4,4,6]
//      })
//   }
//   onUp(){
//       this.setState({
//           data:[...this.state.data,1,2,3]
//       })
//   }
//   render() {
//     return (
//       <div style={style}>
//           <Luo id="luo" onDown={this.onDown.bind(this)} onUp={this.onUp.bind(this)}>
//               {
//                   this.state.data.map((item,index)=>{
//                       return <div key={index}>{item}</div>
//                   })
//               }
//           </Luo>
//       </div>
//     )
//   }
// }

// export default Onpull
import tu from "./aaa.jpg"
import React, { Component } from 'react'
// import './demo.less';
import { Swiper, Toast } from 'react-vant';
const colors = ['#ace0ff', '#bcffbd', '#e4fabd', '#ffcfac'];

class Onpull extends Component {
  render() {
    return (
      <div className='wrap1'>
          <div className='demo-swiper'>
                <Swiper autoplay={5000}>
                       <Swiper.Item>
                            <img src={tu} alt="" />
                       </Swiper.Item>
                       <Swiper.Item>
                            <img src={tu} alt="" />
                       </Swiper.Item>
                       <Swiper.Item>
                            <img src={tu} alt="" />
                       </Swiper.Item>
                </Swiper>
          </div>
            
      </div>
    )
  }
}

export default Onpull